<template>
  <div>
   <h2>{{ articlelist.title }}</h2>
      <div style="margin-bottom: 10px">
        <span class="underTitle">{{
          articlelist.createTime
        }}</span>
        <span class="underTitle">{{
          `超级管理员` + articlelist.creatorID
        }}</span>
        <span class="underTitle"><i class="el-icon-view"></i></span>
        <span class="lastUnderTitle">{{ articlelist.visits }}</span>
      </div>
      <el-card title="预览文章" backgound="#f5f5f5" style="text-align: start;">
        <span v-html="articlelist.articleBody">{{
          articlelist.articleBody
        }}</span>
      </el-card>

  </div>
</template>

<script>

export default {
  props: ['articlelist'],
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style scoped >
.underTitle {
  margin-left: 20px;
}
.lastUnderTitle {
  margin-left: 15px;
}
</style>
